<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../../js/cao_xiao_xu/bootstrap-3.3.5-dist/bootstrap-3.3.5-dist/css/bootstrap.min.css">
  <script src="../../js/cao_xiao_xu/jquery-1.11.3.js"></script>
  <script src="../../js/cao_xiao_xu/bootstrap-3.3.5-dist/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="../../css/cao_xiao_xu/region.css">
  <script src="../../js/cao_xiao_xu/region.js"></script>
  <!-- <link rel="stylesheet" href="../bootstrap-3.3.5-dist/bootstrap-3.3.5-dist/css/bootstrap.min.css">
    <script src="../bootstrap-3.3.5-dist/bootstrap-3.3.5-dist/js/jquery-1.11.3.js"></script>
    <script src="../bootstrap-3.3.5-dist/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./region.css">
    <script src="./region.js"></script> -->
</head>

<body>
  <div class="region">
    <div class="region1">
      <div class="head">
        <h3>订单设置</h3>
      </div>
      <div class="middle">
        <div class="middle_top">
          <div class="middle_top_left">
            <div>
              <p>*订单自动取消时间</p>
              <p>*一般贸易自动确认收货时间</p>
              <p>*保税备货自动确认时间</p>
            </div>
          </div>
          <div class="middle_top_right">
            <p><input><span>小时</span></p>
            <p><input><span>天</span></p>
            <p><input><span>天</span></p>
          </div>
          <div class="middle_top_right1">
            <p><span>*延长收货时间</span><input type="text"><span>天</span></p>
          </div>
        </div>
        <div class="middle_middle">
          <div class="middle_middle_left">
            <div>
              <p>*取消订单类型设计</p>
            </div>
          </div>
          <div class="middle_middle_right">
            <div class="mmr">
              缺货
              <div class="mmr1" data-toggle="modal" data-target="#deleteModal">
                x
              </div>
            </div>
            <div class="mmr">
              加急
              <div class="mmr1" data-toggle="modal" data-target="#deleteModal">
                x
              </div>
            </div>
            <div class="mmr">
              无所谓
              <div class="mmr1" data-toggle="modal" data-target="#deleteModal">
                x
              </div>
            </div>
            <div class="mmr">
              摆烂
              <div class="mmr1" data-toggle="modal" data-target="#deleteModal">
                x
              </div>
            </div>
            <div class="mmr">
              就是摆烂
              <div class="mmr1" data-toggle="modal" data-target="#deleteModal">
                x
              </div>
            </div>
            <div class="mmr">
              一直摆烂
              <div class="mmr1" data-toggle="modal" data-target="#deleteModal">
                x
              </div>
            </div>
          </div>
        </div>
        <button id="add" data-toggle="modal" data-target="#mydiv" data-whatever="@mdo">添加</button>
        <div class="middle_bottom">
          <div class="bottom_left">
            <div>
              <p>*保税备货单笔订单金额</p>
              <p>*设置退货地址</p>
            </div>
          </div>
          <div class="bottom_right">
            <p><input></p>
            <p><input placeholder="姓名"></p>
            <p><input placeholder="联系方式"></p>
            <p class="city"><input placeholder="省"><input placeholder="市"><input placeholder="区"></p>
            <p><input placeholder="详细地址"></p>
            <p class="xin"><input placeholder="备注信息"></p>
          </div>
        </div>
      </div>
    </div>
  </div>



  <!-- 添加 -->
  <div class="modal fade" id="mydiv" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
              aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="exampleModalLabel">添加订单类型</h4>
        </div>
        <div class="modal-body">
          <form>
            <div class="form-group">
              <label for="recipient-name" class="control-label">订单类型</label>
              <input type="text" class="form-control" id="name">
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          <button type="button" id="addStu" class="btn btn-primary">确认添加</button>
        </div>
      </div>
    </div>
  </div>
  <!-- 删除 -->
  <div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
              aria-hidden="true">×</span></button>
          <h4 class="modal-title" id="deleteModalLabel">确认框</h4>
        </div>
        <div class="modal-body">
          <form>
            <div class="form-group">
              <label class="control-label">确定要删除这个订单类型吗？</label>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
          <button type="button" class="btn btn-primary" id="sbt">确认</button>
        </div>
      </div>
    </div>
  </div>

</body>

</html>